<!--
 * @Author: 王明明834578987 10266004+wang-mingming-834578987@user.noreply.gitee.com
 * @Date: 2024-08-29 10:59:23
 * @LastEditors: 王明明834578987 10266004+wang-mingming-834578987@user.noreply.gitee.com
 * @LastEditTime: 2024-09-10 10:19:15
 * @FilePath: \ft-apply-admin\src\views\ApplicationList\components\ConfirmModal.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div id="confirm-modal">
    <a-modal v-model:open="open" :closable="false" centered>
      <div class="content">
        <img src="@/assets/icon/success.svg" alt="" />
        <p class="p1">已完成简历投递</p>
      </div>
      <template #footer>
        <div class="btns">
          <a-button key="submit" type="primary" @click="handleOk">我知道了</a-button>
        </div>
      </template>
    </a-modal>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue"
const open = ref<boolean>(false);
const handleOk = () => {
  open.value = false;
};
const show = () => {
  open.value = true;
};

defineExpose({
  show,
});
</script>

<style lang="less" scoped>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 30px 0;
}

.btns {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

img {
  width: 160px;
}

.p1 {
  font-weight: 500;
  font-size: 21px;
  color: #333333;
  line-height: 25px;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin: 20px 0;
}

.p2 {
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: 19px;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-bottom: 27px;
}

.p3 {

  font-weight: 400;
  font-size: 13px;
  color: #b3c0c8;
  line-height: 26px;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
</style>
